<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>aboutUs</title>
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/aboutUs.css">
</head>
<body>
    <section>
        <ul class="aboutUs_ListBtn">
            <li>
                <i class="aboutUs_ListBtn_logo active"></i>
                <span class="aboutUs_ListBtn_text active">关于我们</span>
            </li>
            <li>
                <i class="aboutUs_ListBtn_logo"></i>
                <span class="aboutUs_ListBtn_text">用户协议</span>
            </li>
            <li>
                <i class="aboutUs_ListBtn_logo"></i>
                <span class="aboutUs_ListBtn_text">联系我们</span>
            </li>
            <li>
                <i class="aboutUs_ListBtn_logo"></i>
                <span class="aboutUs_ListBtn_text">帮助中心</span>
            </li>
        </ul>
        <div id='aboutUs' class="aboutUs_right">

        </div>
    </section>
    <script src="assets/libs/jquery.js"></script>
    <script>
        $('.aboutUs_ListBtn').on('click','li',function(e){
            e.stopPropagation();
            e.preventDefault();
            $(this).children().toggleClass('active');
            $(this).siblings().children().removeClass('active');
        })
    </script>
</body>
</html>